// pages/index/index.js

// 定义数据库变量
const DB = wx.cloud.database();
// 获取对应数据库 可以通过赋值的变量名对该类数据库进行增删查改操作
const Aerobics = DB.collection("Aerobics");
const Stret = DB.collection("Stret");
const Yoga = DB.collection("Yoga");
const Warm = DB.collection("Warm");

Page({
  /**
   * 页面的初始数据
   */
  data: {
    //数据绑定 用作界面渲染数据库数据
     Aerobics : [],
     YOGA : [] ,
     STRET : [],
     WARM : [],
     num:0,
     id:0,
    //  默认显示界面
     content:"健身操",
    //  左半窗口分类定义 为数组嵌套字典类型 
    // []表示数组 {}表示相关数 id:''表示字典（也叫键值对）
     message:[
       {
         id:'0',
         text:"健身操"
       },
       {
         id: '1',
          text:'热身/放松'
       },
       {
         id: '2',
         text: '瑜伽'
       },
       {
         id:'3',
         text: '拉伸训练'
       }
     ]
  },
  // 获取用户点击的左半分类标签
  clickList:function(e){
     let num = e.target.id
    //  获取点击索引
     console.log(num)
    //  获取对应的文本 例如”健身操“中文的文本
     let content = this.data.message[num].text
    //  数据绑定 将逻辑层数据发送到视图层 用作界面切换
      this.setData({
          num:num,
          content:content
      })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getContentInfo()
  },

  onReady(){
    this.videoContext = wx.createVideoContext('video')
  },

  // 跳转到详情页面 并且把当前点击的数据库Id值带走
  jumpDetails:function(e){
    // e 抓取数据库Id
    let id = e.currentTarget.dataset.aerid
    // 界面跳转方法 跳转到指定界面可携带参数 格式： 路径?信号名= 携带信号
    wx.navigateTo({
      url: '/pages/details/details?aerId=' + id,
    })
  },
  // 获取数据库信息 同时对四个数据库索引 
  getContentInfo:function()
  {
    let _this = this
    // 交互设置 页面加载
    wx.showLoading({
      title: '加载中',
    })
    Aerobics.get({
      success:res => {
        // 加载结束就隐藏
        // console.log(res)
        wx.hideLoading()
        // 健身操数据绑定 通过在wxml界面对Aerobics for就可以得到全部数据 一下3个同理 不做解释
        _this.setData({
          Aerobics:res.data
        })
      }
    }),
    Yoga.get({
      success:res => {
        // 加载结束就隐藏
        // console.log(res)
        wx.hideLoading()
        _this.setData({
          YOGA:res.data
        })
      }
    })

    Stret.get({
      success:res => {
        // 加载结束就隐藏
        // console.log(res)
        wx.hideLoading()
        _this.setData({
          STRET:res.data
        })
      }
    })

    Warm.get({
      success:res => {
        // 加载结束就隐藏
        // console.log(res)
        wx.hideLoading()
        _this.setData({
          WARM:res.data
        })
      }
    })

  },

  onPullDownRefresh: function () {   //下拉刷新
    this.getContentInfo()
    wx.stopPullDownRefresh()
  },

  jumpSearch(){
    wx.navigateTo({
      url: '/pages/courseSearch/courseSearch',
    })
  }

})
